<template>
	<view class="All">
		<view class="record">
			<view class="left">
				<view class="left-top">
					<text>单号21521515211</text>
				</view>
				<view class="left-mid">
					<text>提成收入</text>
				</view>
				<view class="left-down">
					<text>操作时间2020-2-21</text>
				</view>
			</view>
			<view class="right">
				<view class="right-top">
					<text>223.70</text>
				</view>
				<view class="right-down">
					<text>账户余额2322.23元</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped>
	.All {
		width: 100%;
		height: 100vh;
		opacity: 1;
		padding: 30rpx 30rpx 0;
		background: rgba(255, 255, 255, 1);
	}

	.record {
		width: 100%;
		height: 200rpx;
		display: flex;
		justify-content: space-between;
		border-bottom: 4rpx solid #EEEEEE;
	}

	.left {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}

	.left-top {
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: rgba(153, 153, 153, 1);
		opacity: 1;
	}

	.left-mid {
		font-size: 36rpx;
		font-family: PingFang SC;
		font-weight: 600;
		color: rgba(51, 51, 51, 1);
		opacity: 1;
	}

	.left-down {
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: rgba(153, 153, 153, 1);
		opacity: 1;
	}

	.right {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: flex-end;
	}

	.right-top {
		font-size: 44rpx;
		font-family: PingFang SC;
		font-weight: 600;
		opacity: 1;
	}

	.right-down {
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 48rpx;
		color: rgba(153, 153, 153, 1);
		opacity: 1;
	}
</style>
